<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="browsermode" content="application" />
    <meta name="full-screen" content="yes" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>选择题</title>

    <link type="text/css" rel="stylesheet" href="css/common.css" />
</head>

<body>

    <!-- 单选/多选 模式 -->
    <input id="singleMode" type="hidden" value="${singleMode}" />
    <!-- 答题/解析 模式 -->
    <input id="answerMode" type="hidden" value="${answerMode}" />

    <div class="main">
        <div class="question-panel">
            <div id="trunkPanel" class="panel trunk-panel">
                <span id="questionType" onclick="showAnswer()">${questionType}</span>
                <!-- 题干 -->
                <div id="trunkContent">
                    ${trunkContent}
                </div>
            </div>
            <!-- 选项 -->
            <div id="optionsPanel" class="option-panel" style="display: none">
                <!-- 选项 -->
                <ul id="options" class="options">
                    <input id="AInput" type="hidden" value="1" />
                    <li id="A" class="option">
                        <div class="option-title"><span>A</span></div>
                        <div class="option-content">
                            <div class="option-value">${A}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                    <input id="BInput" type="hidden" value="1" />
                    <li id="B" class="option">
                        <div class="option-title"><span>B</span></div>
                        <div class="option-content">
                            <div class="option-value">${B}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                    <input id="CInput" type="hidden" value="1" />
                    <li id="C" class="option">
                        <div class="option-title"><span>C</span></div>
                        <div class="option-content">
                            <div class="option-value">${C}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                    <input id="DInput" type="hidden" value="1" />
                    <li id="D" class="option">
                        <div class="option-title"><span>D</span></div>
                        <div class="option-content">
                            <div class="option-value">${D}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                    <input id="EInput" type="hidden" value="1" />
                    <li id="E" class="option">
                        <div class="option-title"><span>E</span></div>
                        <div class="option-content">
                            <div class="option-value">${E}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                    <input id="FInput" type="hidden" value="1" />
                    <li id="F" class="option">
                        <div class="option-title"><span>F</span></div>
                        <div class="option-content">
                            <div class="option-value">${F}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                    <input id="GInput" type="hidden" value="1" />
                    <li id="G" class="option">
                        <div class="option-title"><span>G</span></div>
                        <div class="option-content">
                            <div class="option-value">${G}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                    <input id="HInput" type="hidden" value="1" />
                    <li id="H" class="option">
                        <div class="option-title"><span>H</span></div>
                        <div class="option-content">
                            <div class="option-value">${H}</div>
                        </div>
                        <div class="option-flag"><img src="images/option_right.png"></div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="answer">
            <!-- 解析 -->
            <div class="answerTitle">
                <span>答案解析</span>
            </div>
            <div class="answerForm">
                <span>错误原因：</span>
                <select id="errorReason" class="errorItem">
                    <!--<option value="0">未填写</option>
                    <optgroup label="学习习惯">
                        <option value="1">审题模糊</option>
                        <option value="2">做题马虎</option>
                        <option value="3">做题太慢</option>
                        <option value="4">已学知识遗忘</option>
                        <option value="5">知识不够系统</option>
                        <option value="6">未掌握典型思路</option>
                    </optgroup>
                    <optgroup label="学习方法">
                        <option value="11">审题模糊2</option>
                        <option value="12">做题马虎2</option>
                        <option value="16">未掌握典型思路2</option>
                    </optgroup>
                    <optgroup label="学习能力">
                        <option value="21">审题模糊3</option>
                        <option value="22">做题马虎3</option>
                        <option value="26">未掌握典型思路3</option>
                    </optgroup>-->

                    <option value="0">未填写</option>
                    <option value="1">审题模糊</option>
                    <option value="2">做题马虎</option>
                    <option value="3">做题太慢</option>
                    <option value="4">已学知识遗忘</option>
                    <option value="5">知识不够系统</option>
                    <option value="6">未掌握典型思路</option>
                    <option value="7">理解能力不够</option>
                    <option value="8">分析运算太慢</option>
                    <option value="9">解题思路狭窄</option>
                </select>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>掌握程度：</span>
                <select id="levelAttained" class="errorItem">
                    <option value="1">未掌握</option>
                    <option value="2">基本掌握</option>
                    <option value="3">完全掌握</option>
                </select>
            </div>
            <div id="answerContent">
                ${analyzeContent}
            </div>
        </div>
        <div class="pageBar">
            <div id="btn_preview" class="btn btn-page">上一题</div>
            <span id="currentPageNo">${currentPage}/${totalPage}</span>
            <div id="btn_next" class="btn btn-page">下一题</div>
            <div id="btn_answersheet" class="btn ${answersheetDisplay}">答题卡</div>
        </div>
        
    </div>
    <script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/choice.js"></script>
</body>

</html>